<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery练习</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>
    <script>

        //2.

        // window.onload = function (){
        //     var btnObj = document.getElementById("btnId");
        //     // alert(btnObj);[object HTMLButtonElement] dom对象
        //     btnObj.onclick = function (){
        //         alert("js的原生点击事件");
        //     }
        // }

        //表示页面加载完成之后,相当于  window.onload = function(){}
        $(function (){
            // var $btn = $("#btnId");//表示按id的查询标签对象
            // $btn.click(function (){//给按钮绑定点击事件
            //     alert("jquery的点击事件");
            // });
            //
            // var $btn2 = $("#btn2");
            // $btn2.click(() => {
            //     alert("ss");
            // });

            //$的本质 是以一个方法
            alert($);

        });


    </script>
</head>
<body>
<p id="text_show">

</p>
<button id="btnId">sayHello</button>

<button id="btn2">sayYe</button>


<div class="look_source_code" onclick="getPageContent()">查看源码</div>



</body>
</html>